@import '.././../var.scss';
.covers {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  .confirm {
    z-index: 900;
    width: 400rpx;
    height: 542rpx;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10rpx;
    box-shadow: 0rpx 0rpx 50rpx 7rpx rgba(3, 3, 3, 0.15);
    .imgBox {
      width: 258rpx;
      height: 188rpx;
      margin: 40rpx auto 24rpx;
      image {
        width: 100%;
        height: 100%;
      }
    }
    .payTitle {
      width: 100%;
      margin-bottom: 30rpx;
      color: $success-color;
      font-size: 33rpx;
      text-align: center;
    }
    .failure {
      color: rgba(179, 179, 179, 1);
    }
    .showBottom {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 259rpx;
      height: 56rpx;
      margin: auto;
      margin-top: 26rpx;
      color: rgba(26, 26, 26, 1);
      font-size: 26rpx;
      background: rgba(255, 255, 255, 1);
      border: 1rpx solid rgba(230, 230, 230, 1);
      border-radius: 28rpx;
    }
  }
}
//弹出框
.detailBox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  .contentBox {
    position: fixed;
    bottom: 0;
    width: 100%;
    min-height: 407rpx;
    padding: 0 30rpx 30rpx;
    color: $title-color;
    background-color: $bgcolor-light;
    border-radius: 20rpx 20rpx 0 0;
    .titleBox {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: space-between;
      height: 90rpx;
      .title {
        font-weight: 600;
        font-size: 28rpx;
      }
      .cancel {
        font-size: 40rpx;
      }
    }
    .content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      height: 100%;
      .fans {
        display: flex;
        justify-content: center;
        width: 100%;
        color: $title-color;
        font-weight: 600;
        font-size: 60rpx;
      }
      .getSorce {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 100%;
        color: $info-color;
        font-size: 30rpx;
      }
      .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 400rpx;
        height: 62rpx;
        margin: 50rpx auto 0;
        color: #ffffff;
        font-weight: 600;
        font-size: 28rpx;
        background-color: $primary-color;
        border-radius: 32rpx;
      }
    }
  }
}
